<!--
 * @Author: ckk
 * @Date: 2022-08-15 17:32:04
 * @LastEditors: ckk
 * @LastEditTime: 2022-08-25 19:33:10
 * @Description: 静态内容组件
-->
<template>
  <div class="static-layout">
     <one-static v-if="datas.setStyle.commodityType==0" :datas="datas.setStyle"/>
     <two-static v-if="datas.setStyle.commodityType==1" :datas="datas.setStyle"/>
     <three-static v-if="datas.setStyle.commodityType==2" :datas="datas.setStyle"/>
     <five-static v-if="datas.setStyle.commodityType==4" :datas="datas.setStyle"/>
     <four-static v-if="datas.setStyle.commodityType==3" :datas="datas.setStyle"/>
  </div>
</template>

<script>
export default {
  name: 'contentLayout',
  components: {
    OneStatic: () => import('./OneStatic'),
    TwoStatic: () => import('./TwoStatic'),
    ThreeStatic: () => import('./ThreeStatic'),
    FourStatic: () => import('./FourStatic'),
    FiveStatic: () => import('./FiveStatic')
  },
  props: {
    datas: Object
  },
  data () {
    return {
    };
  },
  methods: {}
};
</script>

<style scoped lang="scss">
.static-layout{
  margin-bottom:10px;
}
</style>
